<!DOCTYPE html>
<html>
<head>
	<title>饭局排期</title>
	<meta charset="utf-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,
    user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" type="text/css" href="../css/dinner.css"/>
</head>
<body>
    <div class="all" style="width:100%;">
        <!--头部-->
        <div class="header">
		    <div class="iconfont  icon-fanhui"></div>
            <div class="dinner">
                <span>饭局排期</span>
            </div>
        </div>

        <!--日期-->
        <div class="content">
            <div class="top">
                <span>2016/12</span>
                <span class="return" >&lt;</span>
                <span class="next">&gt;</span>
            </div><!--top stop-->
            <!--星期几-->
            <div class="day">
                <ul>
                    <li>一</li>
                    <li>二</li>
                    <li>三</li>
                    <li>四</li>
                    <li>五</li>
                    <li>六</li>
                    <li>日</li>
                    <div class="clear_both"></div>
                </ul>
            </div><!--day  stop-->
            <!--几号-->
            <div class="num">
                 <ul class="one">
                    <li class="a">28</li>
                    <li class="a">29</li>
                    <li class="a">30</li>
                    <li class="b">1</li>
                    <li class="b">2</li>
                    <li class="b">3</li>
                    <li>4</li>
                    <div class="clear_both"></div>
                </ul>
               
                <ul class="two">
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                    <li>9</li>
                    <li>10</li>
                    <li>11</li>
                    <div class="clear_both"></div>
                </ul>
                <ul class="three">       
                    <li>12</li>
                    <li>13</li>
                    <li>14</li>
                    <li>15</li>
                    <li>16</li>
                    <li>17</li>
                    <li>18</li>
                    <div class="clear_both"></div>
                </ul>
                <ul class="four">
                    <li>19</li>
                    <li>20</li>
                    <li>21</li>
                    <li>22</li>
                    <li>23</li>
                    <li>24</li>
                    <li>25</li>
                    <div class="clear_both"></div>
                </ul>
                <ul class="five">
                    <li>26</li>
                    <li>27</li>
                    <li>28</li>
                    <li>29</li>
                    <li>30</li>
                    <li>31</li>
                    <li>1</li>
                    <div class="clear_both"></div>
                </ul>
            </div><!--num  stop-->

       </div><!--content stop-->

       <!--备注-->
       <div class="beizhu">
         
            <span>“1”表示有预定日期</span>
            <span class="right">“<b>.</b>”表示可预定日期</span>
          
       </div>

       <!--查看排期-->
       <div class="footer">
          
            <span><input class="chakan" type="text" value="查看订单"></span>
            <span><input class="xiugai" type="text" value="修改排期"></span>
       </div>
    </div><!--all stop-->


</body>
</html>